<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>启程注册页面</title>


<link rel="stylesheet" href="css/main.css"=""type="text/css" />

<script type="text/javascript" src="js/jquery.min.js"></script>
<script src="js/register.js" type="text/javascript" charset="gb2312"></script>
</head>


<body class="main">
		<!--头部-->
<div id="tou">
	<iframe src="head.jsp" name="head" scrolling="no" frameborder="0"
	width=100% height=145px></iframe>
</div>


	<div id="divcontent">
		<form action="UserRegisterServlet" method="post">
			<table width="850px" border="0" cellspacing="0">
				<tr >
					<td style="padding:30px">
						<h1>新会员注册 </h1>
						
						<table width="70%" border="0" cellspacing="2" class="upline">
							<tr>
								<td style="text-align:right">会员名：</td>
								<td> 
									<input type="text" id="txtuname" class="textinput" name="username" onBlur="checkname()" />
								</td>
								<td id="uname"></td>
							</tr>
							<tr>
								<td style="text-align:right">密码：</td>
								<td><input type="password" id="txtuserpassword" class="textinput"
									name="txtuserpasswords" on Blur="checkuserpassword()" /></td>
								<td id="level" class="pw-strength">           	
			                     <div class="pw-bar"></div>
			                     <div class="pw-bar-on"></div>
			                     <div class="pw-txt">
			                     <span>弱</span>
			                     <span>中</span>
			                     <span>强</span>
			                     </div>
		                         </td>	
							</tr>
							<tr>
								<td style="text-align:right">重复密码：</td>
								<td><input type="password" id="txtpwdagin" class="textinput"
									name="repassword" onBlur="checkpwdagin()" /></td>
								<td id="pwdagin"></td>
							</tr>
							<tr>
								<td style="text-align:right">性别：</td>
								<td colspan="2">&nbsp;&nbsp;<input type="radio"
									name="gender" value="男" checked="checked" /> 男
									&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="radio"
									name="gender" value="女" /> 女</td>
							</tr>
							<tr>
								<td style="text-align:right">联系电话：</td>
								<td><input type="text" id="txttelephone" class="textinput" name="telephone" onBlur="checktelephone()" /></td>
									<td id="telephone"></td>
							</tr>

						</table>



						<h1>注册校验</h1>
						<table width="70%" border="0" cellspacing="2" class="upline">
							<tr>
								<td style="text-align:right;">输入校验码：</td>
								<td><input type="text" class="textinput" name="ckcode"/>
								</td>
								<td><span class="tip_error6"></span><span class="tip_right6"></span></td>
							</tr>
							<tr>
								<td style="text-align:right;">&nbsp;</td>
								<td colspan="2"><img
									src="/imageCode" width="180px"
									height="30px" class="textinput" style="height:30px;" id="img" />&nbsp;&nbsp;
									<a href="#" onclick="changeImage()">看不清换一张</a>
								</td>
							</tr>
						</table>

    

						<table width="70%" border="0" cellspacing="0">
							<tr>
								<td style="padding-top:20px; text-align:center">
								<input type="submit" class="submit" name="submit" onClick="checkall()">
								</td>
							</tr>
						</table></td>
				</tr>
			</table>
		</form>
	</div>



	</div>
</div>
<!--尾部-->
<div id="wei">
	<iframe src="foot.jsp" name="foot" scrolling="no" frameborder="0"
		width=100% height=430px></iframe>
</div>
<jsp:include page="foot.jsp" />

</body>
</html>

